// 引入request请求函数
import { request } from '../../request/request'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    //  Tabs标签
    tabsList: [
      {
        id: 0,
        name: '全部',
        isActive: true
      },
      {
        id: 1,
        name: '待付款',
        isActive: false
      },
      {
        id: 2,
        name: '待发货',
        isActive: false
      },
      {
        id: 3,
        name: '已发货',
        isActive: false
      },
      {
        id: 4,
        name: '已评价',
        isActive: false
      }
    ],
    // 全部订单
    ordersList: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getOrdersList()
  },
  // 监听点击Tabs标签
  handleTabs(e) {
    // 获取被点击标签的id
    const id = e.detail
    let { tabsList } = this.data
    // 让被点击的标签处于激活状态，其他标签清除isActive
    tabsList.forEach(item => item.id === id ? item.isActive = true : item.isActive = false)
    this.setData({
      tabsList
    })
  },
  // 发送请求，获取订单
  async getOrdersList() {
    const res = await request({url: '/order/list'})
    console.log(res)
    const ordersList = res.data.data
    this.setData({
      ordersList
    })
  },
  // 取消订单
  handleCancelOrder(e) {
    wx.showToast({
      title: '暂未开放此功能',
      icon: 'none',
      image: '',
      duration: 1500,
      mask: true
    })
  },
  handlePay() {
    wx.showToast({
      title: '暂未开放此功能',
      icon: 'none',
      image: '',
      duration: 1500,
      mask: true
    })
  }
})